<template>
	<view class="combody">
	
		<consulting></consulting>
		<view class="clinitem" v-for="(item,index) in clinicalList" :key="index"  @click="toClinical(item.id)" >
			<view class="title lineclamp1">
				{{item.title}}
			</view>
			<view class="other lineclamp1">
				<span style="color: #576260;letter-spacing: 10rpx;">[适应症]</span> {{item.indications}}
			</view>
			<view class="other lineclamp1">
				<span style="color: #576260;letter-spacing: 1rpx;">[试验分期]</span> {{item.trialName}}
			</view>
		</view>
	</view>
</template>

<script>
	import consulting from '../../components/generalcom/consulting.vue'

	export default{
		props:['name','clinicalList'],
		components: {
 
			consulting
		},
		data(){
			return{
				
			}
		},
		
		methods:{
			toClinical(id){
				uni.navigateTo({
					url:'/pages/knowledge/clinicaldetail?id='+id
				})
			},
		}
		
	}
</script>

<style lang="scss" scoped>
	.combody{
		background: #fff;
		padding: 40rpx 24rpx;
		border-radius: 32rpx;
		margin-top: 16rpx;
		.clinitem{
			margin-top: 40rpx;
			height: 200rpx;	
			background: linear-gradient( 180deg, rgba(0,217,178,0.08) 0%, rgba(0,217,178,0) 100%);
			border-radius: 24px 24px 0px 0px;
			padding: 16rpx;
			.title{
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #00977C;
				line-height: 64rpx;
				text-align: left;
			}
			.other{
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #303B39;
				text-align: left;
				margin-top: 24rpx;
			}
		}
	}
</style>